@charset "utf-8";
/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
}

.topyellow {
	width: 100%;
	z-index: 1;
	margin: auto;
	background-image: url(QRCode_animation.gif);
	opacity: 50%;
	height: auto;
	
}

.title {
	text-align:center;
	color: black;
	background-color: hsla(0, 100%, 100%, 0.7);
	position:relative;
	padding: 100px 15px 15px 15px;
	line-height: 63px;
	font-family: Oswald;
	font-size: 60px;
}
	
.author {
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: black;
	background-color:hsla(0, 100%, 100%, 0.7);
	position: relative;
	padding-top: 20px;
	padding-bottom: 64px;
}
	
	
#content_container {
		max-width: 600px;
		width:auto;
		height:auto;
		margin:0px auto;
		z-index: 1;
		background-color:white;
		padding:25px 15px;
}
	
	.main_image {
		position: fixed;
		top: 320px;
		left: 5%;
		z-index: -1;
		width: auto;
		height:auto;
	}
	
	.aeiou_image {
		margin: 20px 0px 35px 0px;
		border-top: 1px solid grey;
		padding-top: 20px;
		width:100%;
	
	}
	
	.caption {
		font-family: Merriweather;
		font-size: 12px;
		line-height: 18px;
		color: #999;
		word-spacing: 1px;
		margin: 5px 0px 30px 0px;
		padding-bottom: 20px;
		border-bottom: 1px solid grey;
		
		
		}
	p {
		font-family: 'Merriweather', serif; 
		font-size: 11pt;
		line-height: 20pt;
		word-spacing: 2px;
		padding: 5px 0px 5px 0px;	
	}
	
	h1 {
		font-family: 'Oswald', sans-serif;
		font-size: 48pt;
		line-height: 50pt;
		width: 800px;
		margin-left: 0px;
		margin-bottom: 5px;
		z-index: 1;
	}
	
	h4 {
		font-family: 'Oswald', sans-serif;
		font-size: 18pt;
		line-height: 20pt;
		margin: 12px 0px 20px 0px;
		background-color: lightgrey;
		max-width: 500px;
		width:90%;
		padding-top: 8px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right:10px;
		z-index: 1;
	}
	
	blockquote {
		font-family: 'Oswald', sans-serif;
		font-size: 20pt;
		line-height: 25pt;
		color: hotpink;
		border-left: 3px solid black;
		margin: 25px 0px 25px 0px;
		padding-left: 40px;
		float: right;
		width: 200px;
		margin-left: 40px;
		z-index: 1;
	}
	
	a:link {
		font-family:'Merriweather', serif;
		text-decoration: none;
		color: hotpink ;
	}
	
	a:hover {
		background-color: #FFF9AA;
	}